*{margin:0;padding:0;box-sizing:border-box;-webkit-box-sizing:border-box;}
body{max-width:640px;margin:0 auto;font-family:"微软雅黑";font-size:14px;background:#ebebeb}
.gc-header{position:fixed;top:0;z-index:10;width:100%;max-width:640px;}
.gc-header nav{height:56px;background:#3AB3F1;}
.gc-header nav a:nth-child(1){float:left;width:30px;height:40px;/*background:url(wechat.png) no-repeat scroll 20px 12px;*/}
/*.gc-header nav a i{float:right;width:1px;height:20px;margin:10px 0 0 0;background:#2e2e32}*/
.gc-header nav a i{display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: text-bottom;
    margin-right: 3px;
    background: url(http://aibk10.kuaishang.cn/bs/images/vca/phone_back.png) no-repeat center;
    background-size: 20px 20px;
    float: right;
    margin: 10px 0 0 0;}
.gc-header nav h2{color:#FFF;font-size:16px;line-height:56px;text-indent:10px;}
.gc-header nav a:nth-child(2){float:right;width:50px;height:40px;background:url(wechat.png) no-repeat scroll 14px -42px;}

.gc-section1{height:100%;padding:56px 0 0 0;background:#ebebeb;min-height:640px;}
.gc-section1 .line{margin:0 0 0 10px;}
.gc-section1 .left{float:left;max-width:80%;margin:10px 0 0 0;}
.gc-section1 .left div{position:relative;margin:0 0 0 55px;padding: 12px 10px 12px 12px;background:#FFF;color:#323232;border:1px solid #d5d5d5; border-radius:6px;}
.gc-section1 .left div i{position:absolute;top:12px;left:-20px;width:20px;height:20px;background:url(wechat.png) no-repeat scroll 0 -200px;transform:rotate(-180deg)}
.gc-section1 .left img{float:left;margin:0 5px 0 0;border-radius: 100%;}
.gc-section1 .left div img{float:none;}

.gc-section1{height:100%;padding:56px 0 0 0;background:#ebebeb}
.gc-section1 .line{margin:0 0 0 10px;}
.gc-section1 .right{float:right;max-width:80%;margin:10px 0 0 0;}
.gc-section1 .right div{position:relative;margin:0 60px 0 0;padding: 12px 10px 12px 12px;background:#3AB3F1;color:#fff; border-radius:6px;}
.gc-section1 .right div i{position:absolute;top:12px;left:-20px;width:20px;height:20px;background:url(wechat.png) no-repeat scroll 0 -200px;transform:rotate(-180deg)}
.gc-section1 .right img{float:right;margin:0 5px 0 0;border-radius: 100%;}
.gc-section1 .right div img{float:none;}

.gc-section1 figure{ width:95%; margin:0 15px auto;overflow:hidden; border-bottom:1px solid #CCCCCC;}
.gc-section1 .zzh{ width:30%; float:left; display:block; margin-bottom:15px;}
.gc-section1 figcaption{ width:68%; float:left; margin-left:2%;}


.gc-footer{position:fixed;bottom:0;overflow: hidden;width:100%;max-width:640px;height:50px;background:#FFF;border-top:1px solid #bfbfbf}
.gc-footer div{width:100%;}
.gc-footer div:nth-child(1){max-width:50px;}
.gc-footer div:nth-child(1){max-width:50px;}
.gc-footer div:nth-child(3){max-width:50px;}
.gc-footer div:nth-child(1) a{float:left;width:50px;height:50px;background:url(wechat.png) no-repeat scroll 9px -89px;}
.gc-footer div:nth-child(2) textarea{width:70%;height:36px;margin:7px 0 0 0px;color:#000;font-size:18px;line-height:35px;border:none;border-bottom:1px solid #d8d8d8;transition:0.3s;resize:none;overflow-y:auto;outline:none;}
.gc-footer div:nth-child(2) textarea:focus{border:none;border-bottom:1px solid #45c01a;}
.gc-footer div:nth-child(2) textarea.on{border-bottom:#45c01a}
.gc-footer div:nth-child(2) i{}
.gc-footer div:nth-child(3) a{position:absolute;top:0;right:0;width:65px;height:35px;margin:7px 5px 0 0;background:#45c01a;color:#FFF;text-align:center;line-height:35px;border-radius:5px;cursor:pointer;transition:0.3s;}
.gc-footer div:nth-child(3) a:hover{background-color:#3aa814;}

.addFont{
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    height: 20px;
    text-align: center;
    color: #f00;
    line-height: 20px;
}

.gc-clear{clear:both;}
.gc-hide{display:none;}


.gc-animation-bell{display:inline-block;color:#F00;transition:0.5s;}
.gc-animation-bell.on{animation:gc-animation-bell 0.5s;}

@keyframes gc-animation-bell{
    0%{transform:rotate(-5deg);}
    20%{transform:rotate(10deg);}
    40%{transform:rotate(-15deg);}
    60%{transform:rotate(20deg);}
    80%{transform:rotate(-15deg);}
    100%{transform:rotate(10deg);}
}

@media screen and (min-width:320px) and (max-width:370px) {
.gc-footer div:nth-child(2) textarea{width: 60% !important;}
}
@media screen and (min-width:370px) and (max-width:380px) {
.gc-footer div:nth-child(2) textarea{width: 67% !important;}
}
@media screen and (min-width:381px) and (max-width:420px) {
.gc-footer div:nth-child(2) textarea{width: 70% !important;}
}
@media screen and (min-width:421px) and (max-width:510px) {
.gc-footer div:nth-child(2) textarea{width: 73% !important;}
}
@media screen and (min-width:511px) and (max-width:600px) {

}
@media screen and (min-width:600px) {

}